<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>商品支付-英雄联盟周边商城</title>
    <link rel="stylesheet" href="../../public/swb/css/swb.css"/>
    <link rel="stylesheet" href="../../public/lib/css/public.css"/>
    <link rel="stylesheet" href="../static/css/Account.css"/>
</head>
<body>
<header sty="hi75">
    <div class="banner cf">
        <div sty="mt17" class="logo-box ftl">
            <a sty="wi297 hi39" class="logo dpib" href=""></a>
        </div>
        <div sty="hi30 mt22" class="header-right-box ftr fdl">
            {% if user.is_authenticated %}
                <div sty="mt8 mr10" class="login_btn fl">
                    欢迎您：<em>{{ user.username }}</em>
                    <span>|</span>
                    <a href="{{ url('users:logout') }}">退出</a>
                </div>
            {% else %}
                <div sty="pr20 cf">
                    <a sty="pr6 lh30" href="{{ url('users:login') }}">您好，请登录 </a>
                </div>
            {% endif %}
            <div sty="pr28 cf">
                <a href="{{ url('shoppingcart:Shopping') }}">
                    <i sty="wi28 hi25 mt3 mr4" class="shop ftl"></i>
                    <span sty="lh30 pr6" class="ftl">购物车</span>
                    <span sty="wi20 hi20 lh20 mt7 " class="shop-num ftl tac">0</span>
                </a>
            </div>
            <div sty="pr28 cf">
                <i sty="wi24 hi26 mt3 mr4" class="service ftl"></i>
                <span sty="lh30" class="ftl">客服咨询</span>
            </div>
            <div sty="cf">
                <i sty="wi20 hi20 mt5 mr4" class="qr-code ftl"></i>
                <span sty="lh30" class="ftl">微信商城</span>
            </div>
        </div>
    </div>
</header>
<div sty="mb50 pt20" class="main">
    <div class="banner fdl">
        <div sty="wi850" class="main-left">
            <div class="main-left-item1">
                <div class="main-left-item-header">配送至</div>
                <div class="main-left-item-content">
                    <ul class="fdl">
                        <li class="active">
                            <div sty="hi26" class="cf">
                                <div sty="wi150 lh26" class="ftl fw7">江苏|宿迁|沭阳县</div>
                                <div sty="wi40 mt6" class="put-btn tdu ftr">修改</div>
                            </div>
                            <p sty="pt8 pb8 lh18">江苏省宿迁市沭阳县<br/>710000</p>
                            <div sty="fs16">
                                师文博&nbsp;&nbsp;&nbsp;&nbsp;17715077953
                            </div>
                        </li>
                        <li>
                            <div sty="hi26" class="cf">
                                <div sty="wi150 lh26" class="ftl fw7">江苏|宿迁|沭阳县</div>
                                <div sty="wi40 mt6" class="put-btn tdu ftr">修改</div>
                            </div>
                            <p sty="pt8 pb8 lh18">江苏省宿迁市沭阳县<br/>710000</p>
                            <div sty="fs16">
                                师文博&nbsp;&nbsp;&nbsp;&nbsp;17715077953
                            </div>
                        </li>
                        <li sty="lh98" class="addnew-btn tac pr">
                            <i sty="wi20 hi20 tp45 lt68" class="pa"></i> 新建收货地址
                        </li>
                    </ul>
                </div>
            </div>
            <div class="main-left-item2">
                <div class="main-left-item-header">支付及快递</div>
                <div class="main-left-item-content">
                    <div sty="hi48 mb10" class="fdl">
                        <div sty="lh40">快递方式：</div>
                        <div sty="wi122 hi38" style="border: 1px solid #ed302a;">
                            <img
                                    src="http://js01.daoju.qq.com/zb/lolriotmall/ht/buy_shunfeng.jpg"
                                    alt=""
                            />
                        </div>
                        <p sty="mt25 ml10" style="color: #999999;">
                            若非顺丰服务范围，则将为您提供邮政快递服务
                        </p>
                    </div>
                    <div sty="hi48 mb10" class="fdl">
                        <div sty="lh40">收货时间：</div>
                        <div class="receiving-time tac active">
                            周一至周日
                        </div>
                        <div class="receiving-time tac">
                            周一至周五
                        </div>
                        <div class="receiving-time tac">
                            周末
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-left-item3">
                <div class="main-left-item-header">商品信息</div>
                <div class="main-left-item-content">
                    <table width="100%">
                        <tr>
                            <th width="80">商品</th>
                            <th></th>
                            <th width="80">规格参数</th>
                            <th width="80">数量</th>
                            <th width="80">小计</th>
                        </tr>
                        <tr>
                            <td height="65px">
                                <img
                                        sty="wi46"
                                        src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201811/20181108110724_99783.jpg"
                                        alt=""
                                />
                            </td>
                            <td sty="tac">
                                <p>契-LPL 玫瑰金纪念项链</p>
                                <p>现价：￥150.00元</p>
                            </td>
                            <td>
                                <p sty="pt3 pb3">颜色：彩色</p>
                                <p>尺寸：S</p>
                            </td>
                            <td>1</td>
                            <td>￥150.00</td>
                        </tr>
                        <tr>
                            <td height="65px">
                                <img
                                        sty="wi46"
                                        src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201811/20181108110724_99783.jpg"
                                        alt=""
                                />
                            </td>
                            <td sty="tac">
                                <p>契-LPL 玫瑰金纪念项链</p>
                                <p>现价：￥150.00元</p>
                            </td>
                            <td>
                                <p>颜色：彩色</p>
                                <p>尺寸：S</p>
                            </td>
                            <td>1</td>
                            <td>￥150.00</td>
                        </tr>
                        <tr>
                            <td height="40px">订单备注：</td>
                            <td colspan="2">
                                <input
                                        type="text"
                                        placeholder="请填写购买需求说明（限45个字）"
                                />
                            </td>
                            <td colspan="2" class="td cp tdu pr">
                                <i class="main-left-item3-backBtn pa"></i>返回购物车修改
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="main-left-item4">
                <div class="main-left-item-header">
                    卡券
                    <span
                    >(请选择或输入您的卡券，单个订单仅能使用一张卡券，含优惠券、折扣券和包邮卡)</span
                    >
                </div>
                <div class="main-left-item-content">
                    亲爱的召唤师：您暂无可用优惠券！
                </div>
            </div>
        </div>
        <div sty="wi300 pb4" class="main-right ftr">
            <div sty="lh42 pl35" class="main-right-header">填写核对订单</div>
            <div sty="wi290" class="main-right-bg mat bsbb">
                <div class="main-right-content-item">
                    <div class="main-right-content-top cf">
                        <div class="ftl" style="color: #f72e27;">
                            <i
                                    class="main-right-content-item-i"
                                    style=" background-position: -5px -250px;"
                            ></i>
                            配送至
                        </div>
                        <div class="ftr tdu">修改</div>
                    </div>
                    <div sty="lh20 pl16 pt4">
                        上海|上海|卢湾区 （710000）<br/>
                        江苏省宿迁市沭阳县<br/>
                        邬澳雪 17715077953
                    </div>
                </div>
                <div class="main-right-content-item">
                    <div class="main-right-content-top cf">
                        <div class="ftl" style="color: #f72e27;">
                            <i
                                    class="main-right-content-item-i"
                                    style=" background-position: -5px -280px;"
                            ></i>
                            支付及快递
                        </div>
                        <div class="ftr tdu">修改</div>
                    </div>
                    <div sty="lh20 pl16 pt4">
                        支付方式： 微信支付<br/>
                        快递方式： 顺丰速运<br/>
                        收货时间： 周一至周日
                    </div>
                </div>
                <div class="main-right-content-item">
                    <div class="main-right-content-top cf">
                        <div class="ftl" style="color: #f72e27;">
                            <i
                                    class="main-right-content-item-i"
                                    style=" background-position: -5px -280px;"
                            ></i>
                            订单金额信息
                        </div>
                        <div class="ftr tdu">查看</div>
                    </div>
                    <div sty="lh20 pl16 pt4">
                        金额： ¥6120.00&nbsp;&nbsp;&nbsp; 数量：8 <br/>
                        运费： ¥0 &nbsp;&nbsp;&nbsp;
                        <span style="color: #ed3029;">优惠：¥118.00 </span>
                        <br/>
                        <span style="color: #ed3029;">需付金额： ¥</span>
                        <span sty="fs20" style="color: #ed3029;">6002.00</span>
                    </div>
                </div>
                <div sty="pb10 pl13 pt10 pr13" class="tac">
                    <a
                            sty="wi260 lh46 fs18"
                            class="dpib cr mat"
                            style="background-color: #ed3029;"
                            href=""
                    >去付款</a
                    >
                </div>
            </div>
        </div>
    </div>
</div>
<footer>
    <div sty="pt20 pb20" class="guarantee banner">
        <ul class="flex">
            <li>
                <i class="sales-return"></i>
                <span>7天无理由退换货</span>
            </li>
            <li>
                <i class="quality-goods"></i>
                <span>100%官方正品</span>
            </li>
            <li>
                <i class="pinkage"></i>
                <span>全场每单满199元包邮</span>
            </li>
        </ul>
    </div>
    <div class="issue">
        <div class="banner">
            <ul class="flex tac">
                <li>
                    <dl>
                        <dt>购物指南</dt>
                        <dd>帐号注册与登录</dd>
                        <dd>购买流程介绍</dd>
                        <dd>支付方式</dd>
                        <dd>常见问题</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>配送服务</dt>
                        <dd>全场满199元免运费</dd>
                        <dd>配送范围及运费</dd>
                        <dd>配送进度查询</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>售后服务</dt>
                        <dd>7天无理由退换货</dd>
                        <dd>退换货流程</dd>
                        <dd>商品送错的处理方案</dd>
                        <dd>售后服务及投诉</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>服务中心</dt>
                        <dd>售前咨询 售后咨询</dd>
                        <dd>客服热线：0755-25727866</dd>
                        <dd>售后：service@lolriotmall.qq.com</dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <div sty="lh40" class="copy tac">技术支持：全栈12 师文博</div>
</footer>
</body>
<script src="../../public/swb/js/jquery.js"></script>
<script src="../../public/swb/js/swb.js"></script>
<script src="../../public/lib/js/public.js"></script>
<script src="../static/js/Account.js"></script>
</html>
